import { SidebarProvider, SidebarTrigger } from "@/components/ui/sidebar";
import { AppSidebar } from "@/components/AppSiderBar";

export default function Layout({ children }: { children: React.ReactNode }) {
  return (
    <SidebarProvider>
      <AppSidebar />
      <main className="flex-1 w-full h-full">
        <div className="w-full h-12 px-4 flex items-center">
          <SidebarTrigger />
        </div>
        <div className="w-full h-[calc(100vh-3rem)] p-4">{children}</div>
      </main>
    </SidebarProvider>
  );
}
